<div id="lofslidecontent<?php echo $module->id; ?>" class="lof-slidecontent<?php echo $params->get('mod_lofslidecontent');?>">
 <!-- MAIN CONTENT --> 
  <div class="lof-slidecontent-main" style="width:300px; height:240px">
  		<?php foreach( $list as $key=> $row ) :  ?>
        <div class="lof-main-item" style=" width:300px; height:240px">
        	Image <?php echo $key+1; ?>	
            <p class="lof-main-item-desc"> 
				<h4><?php echo $row->title; ?></h4>
				<?php echo $row->description; ?> 
             </p>
        </div> 
        <?php endforeach; ?>	
  </div>
  <!-- END MAIN CONTENT --> 
  <!-- NAVIGATOR -->
  <div class="lof-slidecontent-navigator-outer" style="width:200px; height:240px">
  		<ul class="lof-slidecontent-navigator">
        	<?php foreach( $list as $row ) :  ?>
        	<li class="lof-navigator-item"> 
            	<div style="height:60px;">
                	<img src="images/resized/images/stories/slideshow/sl-1_60_60.jpg"  />
                    <?php echo $row->subtitle; ?>   
                </div> 
            </li>
        	<?php endforeach; ?>	
        </ul>
  </div>
  <!-- END NAVIGATOR -->
  
   <div class="lof-button-driven">
        <a href="" onclick="return false;" class="lof-button-previous">
        	<span><?php echo JText::_("PREVIOUS");?></span>
        </a>
        <a href="" onclick="return false;" class="lof-button-next">
        	<span><?php echo JText::_("NEXT");?></span>
         </a>	
     </div>  
</div>
    